@charset "utf-8";
/* CSS Document */
	body{
		margin:0px;
		padding:0px;
		}
	*{
		margin:0px;
		padding:0px;
		}
	li{
		list-style:none;
	}
	a{
		text-decoration:none;
		color:#000;
		margin-left:center;
	}
	#backgrounds{
		background:transparent none repeat scroll 0% 0%;
		overflow: hidden;
		z-index: 0;  /*设置重叠*/
		}
	#fillmoreInners{
		left:0px;
		top:0px;
		position:absolute;
		overflow: hidden;
		z-index:-100;
		width:100%;
		height:100%;
		padding:0px;
		margin:0px;
		background-color:#000;
		background-repeat:no-repeat;
		background-size:cover;  /*保持图像本身的宽高比例，将图片缩放到正好完全覆盖定义背景的区域。*/
		background-position:50% 50%;
		}
	#logos{
		left:4%;
		top:6%;
		position:absolute;
		z-index:-80;   
		width:8%;
		height:8%;
		font-size:40px;
		text-align:center;
		white-space:nowrap;  /*溢出部分不换行*/
		color:#fff;
		cursor:pointer;      /*将鼠标指标样式转换为手抓样式*/
		-moz-user-select:none;  /*让鼠标移动时不选择文字  在div 中设置属性为false*/
		}
	#logos .pcontent{
		font-size:16px;
		color:#FFF;
		letter-spacing:4px;
		white-space:nowrap;  /*溢出部分不换行*/
		}
		
	/*对中间音频显示的信息设置*/
	#fillmorecontent1s{
		left:27%;
		top:28%;
		position:absolute;
		z-index:-70;   /*用于显示音频信息*/
		width:400px;
		height:240px;     /*面版的大小*/
 		filter:alpha(Opacity=30);/*支持 IE 浏览器*/
		-moz-opacity:0.3;/*支持 FireFox 浏览器*/
		opacity: 0.3;/*支持 Chrome, Opera, Safari 等浏览器*/
		background-color:#000;
		text-height:10px;
		border:1px solid #fff;
		}
	#fillmorecontents{
		left:27%;
		top:28%;
		position:absolute;
		z-index:-70;   /*用于显示音频信息*/
		width:400px;
		height:240px;   /*面版的大小*/
		text-height:10px;
		}
	#fillmorecontents h2{
		margin-top:30px;
		margin-left:30px;
		font-family:"微软雅黑";
		color:#fff;
		font-size:30px;
		font-weight:1000;
		cursor:pointer;
		}
	#fillmorecontents p{
		margin-top:10px;
		margin-left:30px;
		font-family:"微软雅黑";
		color:#fff;
		font-size:14px;
		cursor:pointer;
		}
	 #fillmorecontents a{
		text-decoration:none;
		}
	#fillmorecontents a:focus{
		outline:none;
	}
		
	/*点赞、评论*/
	.contents_fillmore_ul1{
		width:98%;
		height:40px;
		list-style:none;
		margin-left:140px;
		margin-top:10px;
	}
	.contents_fillmore_ul1 li:hover{
		cursor:pointer;
		}
	.contents_fillmore_ul1 li{
		float:left;
		font-family:"微软雅黑";
		font-size:14px;
		margin-right:15px;
		color:#fff;
		}
	/*对于点赞 评论*/
	.contents_fillmore_class{
		width:25px;
		height:23px !important;
		margin-right:8px !important;
		}
	#contents_fillmore_class1{
		width:24px !important;
		height:20px !important;
		background:url(../images/123.png) no-repeat;
	}
	#contents_fillmore_class2{
		width:24px !important;
		height:20px !important;
		background:url(../images/123.png) no-repeat;
		background-position:0px -18px;
	}  
	#contents_fillmore_class3{
		width:24px !important;
		height:20px !important;
		background:url(../images/123.png) no-repeat;
		background-position:0px -18px;
	}
	/*对于点击头像处理*/
	.fillmoreleft_info{
		width:100%;
		height:80px;
		margin-left:20px;
	}
	.fillmoreleft_user{
		width:60px;
		height:60px;
		background:url(../images/user.jpg) no-repeat;
		background-size:contain;
		border-radius:30px;
		opacity:1;
		display:block;
		cursor:pointer;
		margin-bottom:5px;
		}
	.fillmoreleft_user:hover{
		box-shadow:60px 60px 10px 10px rgba(230,230,230,.5) inset;
	}
	.fillmoreleft_log{
		width:24px;
		height:12px;
		font-size:12px;
		color:#fff;
		margin-left:18px;
		cursor:pointer;
	}
	.fillmoreleft_log:hover{
		color:#ccc;
		}
	/*评论的详细内容*/
	.contents_fillmorecontents_div{
		height:100%;
		z-index:120;
		position:absolute;
		right:0px;
		background:#fff;
		display:none;
		overflow-y:scroll;
		}
	#fillmores{
		height:100%;
		right:0px;
		z-index:99;
		position:relative;
		background:#FFF;
		}
		/*对于点击处理事件  推荐*/
	#fillmorelefts{
		width:100px;
		height:100%;
		float:left;
		background-color:#000;
		padding-top:40px;  
		}
	#fillmorelefts ul{
		list-style:none;
		height:100%;
		padding-top:20px;
	}
	#fillmorelefts ul li{
		width:100px;
		height:45px;
		bottom:20%;
		text-align:center;
		color:#fff;
		line-height:40px;
		}
	#fillmorelefts ul li a{
		text-decoration:none;
		color:#FFF;
		line-height:45px;
		cursor:pointer;
		}
	#fillmorelefts ul li a:hover{
		color:#999;
		outline:none;
		}
	#fillmorelefts ul li a:focus{
		color:#999;
		outline:none;
		}
	/*对隐藏部分样式*/
	.fillmoreright1{
		right:0px;
		height:100%;
		float:left;
		display:none;
		}
		/*设置点击时的样式*/
		.over{
			width:100%;
			height:100%;
			border-left:1px solid #CCC;
			border-top:1px solid #CCC;
			border-bottom:1px solid #CCC;
			color:#06F;
			font-size:20px;
		}
		/*没有点击时的颜色*/
		.out{
			color:#fff;
			font-size:16px;
		}	
/*对于推荐的css*/
	/*对图片推荐*/
	#fillmoreright1_photo{
		width:360px;
		height:230px;
		border:1px #000 solid;
		margin-top:10px;
		margin-left:15px;
		background:#ccc;
		overflow:hidden;
		opacity:1;
	}
	.fillmoreright1_photo_ul1{
		list-style:none;
	}
	.fillmoreright1_photo_ul1 li{
		float:left;
		width:100%;
		height:100%;
	}
	/*对最新的内容区*/
	#fillmoreright1_content
	{
	  margin-top:20px;
	  width:97%;
	  height:58%;
	}
	#fillmoreright1_content button{
		border-style:none;
		width:80px;
		height:36px;
		text-align:center;
		font-family:"Courier New", Courier, monospace;
		font-weight:bold;
		font-size:18px;
		background:#fff;
		cursor:pointer;
		margin-bottom:0px;
		margin-left:15px;
	}
	#fillmoreright1_content p{
		margin-top:0px;
		margin-left:15px;
		width:384px;
		border:0.3px #000 solid;
	}
	/*对内容的显示*/
	.fillmoreright1_contents{
		width:100%;
	}
	.fillmoreright1_contents ul li{
		list-style:none;
		margin-top:15px;
		margin-bottom:10px;
		margin-left:15px;
		border-bottom:1px #000 solid;
	}
	#fillmoreright1_content ul li div{
		margin-left:0px;
		width:280px;
		height:70px;
		font-size:14px !important;
		float:right;
	}
	/*对于显示部分的样子*/
	.fillmoreright1_contents ul li{
		width:96%;
		height:80px;
		position:relative;
		border:#FFF solid 1px;
	}
	
	.fillmoreright1_contents ul li img{
		left:5px;
		top:5px;
		max-height:70px;
		width:70px; 
		overflow:hidden;
		position:absolute;
	}
	.fillmoreright1_contents ul li div{
		position:absolute;
		left:85px;
		top:5px;
		font-size:16px;
	}
	.fillmoreright1_contents ul li div span{
		font-size:14px !important;
	}
	.fillmoreright1_contents ul li:hover{
		background:#F0F0F0;
		border:1px #ccc solid;
		cursor:pointer;
		width:93%;
	}
	.fillmoreright1_photo_ul1 li img:hover{
		opacity:0.6;
	}
	/*对于轻音*/
	.fillmorerights3_div1_a1{
		margin-top:15px;
		background:url(../images/mentality_FM1.jpg) no-repeat;
		}
	.fillmorerights3_div1_a2{
		margin-top:15px;
		background:url(../images/mentality_FM2.jpg) no-repeat;
		}
	.fillmorerights3_div1_a3{
		background:url(../images/mentality_FM3.jpg) no-repeat;
		}
	.fillmorerights3_div1_a4{
		background:url(../images/mentality_FM4.jpg) no-repeat;
		}
	.fillmorerights3_div1_a5{
		background:url(../images/mentality_FM5.jpg) no-repeat;
		}
	.fillmorerights3_div1_a6{
		background:url(../images/mentality_FM6.jpg) no-repeat;
		}	
	/*公共的部分*/
	.fillmoreright_mentality{
		width:100%;
		margin-top:30px;
	}
	.fillmoreright_mentality a{
		width:130px;
		height:130px;
		display:block;
		padding-top:20px;
		margin-left:40px;
		float:left;
		margin-bottom:20px;
		background-size:contain;
		opacity:1;
	}
	.fillmoreright_mentality a:hover{
		box-shadow:150px 130px 10px 10px rgba(230,230,230,.4) inset;
		}
	/*对心情推荐*/
	.fillmorerights2_div1_a1{
		margin-top:15px;
		background:url(../images/mentality_content_1.png) no-repeat;
		margin-bottom:10px;
		}
	.fillmorerights2_div1_a2{
		margin-top:15px;
		background:url(../images/mentality_content_2.png) no-repeat;
		margin-bottom:10px;
		}
	.fillmorerights2_div1_a3{
		background:url(../images/mentality_content_3.png) no-repeat;
		margin-bottom:10px;
		}
	.fillmorerights2_div1_a4{
		background:url(../images/mentality_content_4.png) no-repeat;
		margin-bottom:10px;
		}
	.fillmorerights2_div1_a5{
		background:url(../images/mentality_content_5.png) no-repeat;
		}
	.fillmorerights2_div1_a6{
		background:url(../images/mentality_content_6.png) no-repeat;
		}	
	/*对于隐藏的心情选择*/
	.fillmorerights2_div1_class{
		height:100%;
		display:none;
		overflow-y:scroll;
		margin-left:100px;
		margin-top:0px;
	}
	.fillmorerights2_div1_c2 {
		width:100%;
		background:#fff;
		border:1px #000 solid;
		overflow-x:auto;
		overflow-y:scroll;
	}
	.fillmorerights3_div1_class{
		height:100%;
		display:none;
		overflow-y:scroll;
		margin-left:100px;
		margin-top:0px;
	}
	.fillmorerights3_div1_c2 {
		width:100%;
		background:#fff;
		border:1px #000 solid;
		overflow-x:auto;
		overflow-y:scroll;
	}
	/*返回样式*/
	.fillmorerights2_div1_c1{
		width:100%;
		height:50px;
		font-family:"微软雅黑";
		font-size:14px;
		}
	.fillmorerights2_div1_c1 span{
		height:50px;
		width:300px;
		line-height:40px;
		margin-left:30px;
		}
	.fillmorerights2_div1_c1 button{
		border:none;
		}
	.fillmorerights3_div1_c1{
		width:100%;
		height:50px;
		font-family:"微软雅黑";
		font-size:14px;
		}
	.fillmorerights3_div1_c1 span{
		height:50px;
		width:300px;
		line-height:40px;
		margin-left:30px;
		}
	.fillmorerights3_div1_c1 button{
		border:none;
		}
	.boxs{
		width:60px;
		height:50px;
		margin-top:0px;
		float:right;
	}
	.fillmorerights2_div1_c1 button:hover{
		border:1px #FFF solid;
		}
	/*对搜索*/
#fillmoreright1_fillmorerights4_div{
    height: 35px;
	width:350px;
    margin-top: 30px;
	border-color:#FFF;
	background:#FFF;
	border-radius:1em;
	margin-left:30px;
	border:1px #000 solid;
}
#fillmorerights4 .submits{
    border: medium none;
    cursor: pointer;
    height: 34px;
    width: 38px;
	color:#000;
	border-top-right-radius:1em;
	border-bottom-right-radius:1em;
	border:1px #999 solid;
}
#fillmorerights4 .text{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border:none;
    display: inline;
    float: left;
    font-size:14px;
    height:34px;
	margin-left:10px;
    transition:all 0.3s ease-in-out 0s;
    width: 300px;
}
#fillmorerights4_div{
	width:100%;
	margin-top:30px;
	border-top:#000 solid 1px;
	}
/*对留言*/
#fillmorerights6{
	width:100%;
	height:100%;
	overflow-x:auto;
	overflow-y:scroll;     
	word-wrap:break-word;
}
#fillmorerights6_contents_label{
	padding-top:10px;
}
#fillmorerights6_contents_textarea{
	width:95%;
	height:200px;
	margin-top:5px;
	margin-left:10px;
}
/*对于评论*/
#fillmorerights{
	width:100%;
	height:100%;
	overflow-x:auto;
	overflow-y:scroll;
	word-wrap:break-word;
}
#fillmorerights_contents_textarea{
	width:96%;
	height:200px;
	margin-top:15px;
	margin-left:10px;
}
.reply_div{
	width:366px;
	height:200px;
	border:1px #CCC solid;
	display:none;
	margin-top:0px;
	margin-left:80px;
	}
.buttons{
	width:50px;
	height:40px;
	margin-left:310px;
	background:#fff;
	}
/*点击事件*/
/*.fillmorerights_contents_buttons .fillmorerights6_contents_li{
	margin-top:10px;
	float:left;
	margin-left:10px;
}
.fillmorerights_contents_button{
	width:30%;
	margin-left:330px;
	}*/
.fillmorerights_contents_buttons{
	width:50px;
	height:30px;
	background-color:#1191EE;
	border-style :none;
	list-style:none;
	margin-bottom:10px;
	float:left;
	margin-right:10px;
	margin-top:10px;
	margin-left:330px;
}
.boxs1{
		width:50px;
		height:40px;
		margin-top:0px;
		margin-left:420px;
		margin-left:330px;
	}
#fillmorerights6_contents_ul li{
	margin-bottom:5px;
	clear:both;
}
#fillmorerights6_contents_ul li>ul li{
	margin-bottom:0px;
}
/*对于评论的样式*/
.mentality_contents{
	margin-top:20px;
	margin-left:10px !important;
	text-align:left;
}
#fillmorerights_contents_ul li{
	width:470px;
	margin-left:10px;
	margin-bottom:10px;
	overflow:auto;
}

#fillmorerights6_contents_ul li{
	width:370px;
	margin-left:10px;
	margin-bottom:10px;
	overflow:auto;
}

#fillmorerights6_contents_ul li .mentality_div{
	width:287px;
	margin-left:10px;
}


#fillmorerights_contents_ul li p{ 
	margin-top:5px;
	margin-bottom:5px;
}


.FM_img img{
	border-radius:20px !important;
	float:left;
}
.mentality_div{
	width:387px;
	margin-left:10px;
}
.boxss{
		width:50px;
		height:40px;
		margin-top:0px;
		float:left;
		margin-left:420px;
		position:absolute;
		}
.emotion{
	margin-top:10px;
	margin-left:20px;
	position:absolute;
	}
.emotion:hover{
	cursor:pointer;
	margin-bottom:5px;
	}
/*对于登录*/
.log_user{
	width:100%;
	height:100%;
	background:#000;
	opacity:0.6;
	z-index:333;
	display:none;
	position:absolute;
}
.log_user_info{
	width:400px;
	height:300px;
	background:#fff;
	left:27%;
	top:28%;
	z-index:999;
	opcity:1;
	position:fixed;
	display:none;
}
.log_user_info_del{
	margin-left:370px;
}
/*用户*/
.log_user_info_del form{
	font-size:14px;
}
#user_form label{
	margin-left:5px;
}
#user_form input{
	border-style:none;
	height:20px;
	margin-top:10px;
}
.user_p1,.user_p2{
	border:1px #000 solid;
	margin-left:40px;
	width:320px;
	height:50px;
	border-color:#06F;
	border-radius:3px 3px;
}
.user_p1{
	margin-bottom:10px;
}
.user_forget{
	margin-left:230px;
	margin-top:10px;
	}
.user_forget{
	cursor:pointer;
	}
#users{
	width:320px;
	height:50px !important;
	line-height:50px !important;
	background:#06f;
	margin-left:40px;
}
#user_id,#user_pad{
	width:250px;
	height:25px;
}
#fillmorerights_contents_ul li{
	font-size:14px;
}
